
.loginmain{
	 background-color:#53b0fe;
	 background-image:url(../img/login/loginbg.png);
	 background-size: 100%;
}

.logintt{
	width: 400px;
    position: absolute;
    top: 250px;
    right: 400px;
}

.logtp{
	position: absolute;
	cursor: pointer;
	opacity: 1;
	z-index: 999;
}

.logintx{
	margin-left: 60px;
	opacity: 0.8;
	color: #fff;
	font-size: 25px;
}

.usernametp{
	position: absolute;
	left: -150px;
	top:-100px ;
	color: floralwhite;
	
}
.username{
    position: absolute;
	left: -120px;
	top:-110px;
	width: 300px;
	border: 1px soid #ccc;
	background:rgba(0,0,0,0.5);
	color: #FFF;
}

.password{
	position: absolute;
	top: -40px;
	left: -120px;
	width: 300px;
	border: 1px soid #ccc;
	background:rgba(0,0,0,0.5);
}

.passwordtp{
	position: absolute;
	top:-30px;
	left: -150px;
	color: floralwhite;
}

.keeppass{
	position: absolute;
	top: 10px;
	right: -150px;
}



.denglu{
	position: absolute;
	top: 60px;
	left: -50px;
	width: 100px;
	opacity: 0.5;
}


.circle{
	width: 500px;height: 500px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 250px dotted rgba(200,200,200,0.2);
    position: absolute;
    top: 200px;
    right: 400px;
}


#check{
	display:inline-block;
	width:14px;height:14px;
	position: absolute;
	top: 0px;
	right: -20px;

}

.passcheck1{
	background-position: -9px -12px;
}

.passcheck2{
	background-position: -40px -12px;
}

#bottom li{
	font-family:"microsoft yahei";
	font-size: 15px;
	margin-right: 30px;
}

#canvas{
	position: absolute;
    top: 150px;
    right: 250px;
}

.navbar-xia{
	margin-bottom: 0px;
	vertical-align: middle;
	height: 20px;
}
